background-color = #f3f3f3
font-color = #666666
body, html
  height 100%
  line-height: 1
  font-family: MicrosoftYaHei,Helvetica,Arial,sans-serif
  -webkit-tap-highlight-color: transparent
  background-color background-color
  color font-color
input
  box-shadow: none
.el-table__empty-block
  padding: 10px
#app
  height 100%
  font-size 14px
  font-family 'MicrosoftYaHei'
  .sidebar-container
    .el-scrollbar
      height 100%
      .scrollbar-wrapper
        overflow-x hidden

.el-input--small
  font-size 12px

.el-pagination
  text-align right
  margin 15px 0
  >.el-pagination
    margin  0
  .el-input__inner
    font-size 12px
    height 22px
    line-height: 22px
  .el-input__icon
    line-height: 22px
.el-button
  .iconfont
    font-size 12px
    margin-right 3px

.content-main
  min-height calc(100% - 32px)

.m-wrapper 
  .sidebar-container
    background: #fff !important
.el-tooltip__popper
  max-width 400px

.host-table
  .el-table__fixed-right::before
  .el-table__fixed::before
    height 0
  .delete
    color #f56c6c

.filter
  display inline !important

.el-input--mini 
  .el-input__inner
    height 30px
    line-height @height 

.m-content
  >
    .title
      height 40px
      line-height @height
      padding 0 20px
      border-bottom 1px solid #e8e8e8
      color #333
  .main
    padding 15px 20px
    .searchs
      .flex-block
        display flex
        .name
          color #666
          width 55px
          word-break:keep-all
          line-height 28px
          margin-right 10px
          text-align right
        .el-date-editor
        .select
          margin-right 28px
          flex 1
          &.active
            margin-right 0
      .iconfont
        display inline-block
        margin-right 3px
      .searchTypeInput
        line-height 1
        .el-input
          width 181px
          margin-right 15px
        .el-button
          padding: 5px 15px
          vertical-align -1px
.btns-more
  min-width 100px !important
  width 100px
  padding: 0 10px
  ul
    li
      a
        display block
        letter-spacing: 0
        font-size: 12px
        border-bottom 1px solid #f2f4f9
        padding:  7px 0
        i 
          font-size: 12px
          margin-right 3px
        &.delete
          color #f56c6c
      &:last-child
        a
          border-bottom 0

.ratio-popover
  position fixed
  top 0
  left 0
  z-index 9999
  width 59px
  height 61px
  background-color rgba(255,255,255,0.9)
  box-shadow 0px 1px 1px 0px rgba(0, 0, 0, 0.47)
  border-radius 3px
  border solid 1px #dedddd
  color #000
  div
    padding: 0 4px
    line-height: 20px
    font-size 12px
    &:nth-child(1)
      color #a4d47d
      i 
        background-color @color
    &:nth-child(2)
      color #90dbfe
      i 
        background-color @color
    &:nth-child(3)
      color #f48f7a
      i 
        background-color @color
    i 
      display: inline-block
      width: 6px
      height 6px
      margin-right 4px
    span 
      color font-color